<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="X-UA-Compatible" content="edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>八里沟云生态平台</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="lib/jquery.min.js"></script>
    <script src="lib/lodash.min.js"></script>
    <script src="lib/echarts.min.js"></script>
    <script src="lib/soda.js"></script>
    <script src="js/comon.js"></script>
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DvG5p5CZvkrtjRGDdGmaGX3ZfqYWvt9X">
    </script>

</head>

<body>
    <div class="pagemain page7">
        <div class="center-main">
            <div class="page-top-tab-nav">
                <ul>
                    <li><a href="youke-huaxiang.html">游客画像</a></li>
                    <li><a href="youke-douliu.html">游客逗留时长</a></li>
                    <li class="current"><a href="youke-keyuandi.html">客源地分析</a></li>
                </ul>
            </div>

            <div class="leftcon">
                <div class="time-filter">
                    <div class="name">时间：</div>
                    <div class="inp"><input type="text" id="date1" autocomplete="off" readonly></div>
                    <div class="btn" id="search1">查询</div>
                </div>
                <div class="mapcon">
                    <div class="bmap" id="chinaDiv"></div>
                </div>
            </div>

            <div class="right">
                <div class="box c1">
                    <ul id="city1">
                        <li>
                            <div class="ico">1</div>
                            <div class="name">河南</div>
                            <div class="num">54</div>
                        </li>
                        <li>
                            <div class="ico">2</div>
                            <div class="name">江西</div>
                            <div class="num">6</div>
                        </li>
                        <li>
                            <div class="ico">3</div>
                            <div class="name">山西</div>
                            <div class="num">4</div>
                        </li>
                        <li>
                            <div class="ico">4</div>
                            <div class="name">山东</div>
                            <div class="num">2</div>
                        </li>
                        <li>
                            <div class="ico">5</div>
                            <div class="name">甘肃</div>
                            <div class="num">1</div>
                        </li>
                        <li>
                            <div class="ico">6</div>
                            <div class="name">湖北</div>
                            <div class="num">1</div>
                        </li>
                        <li>
                            <div class="ico">7</div>
                            <div class="name">新疆</div>
                            <div class="num">1</div>
                        </li>
                    </ul>
                </div>
                <div class="box c2">
                    <ul id="city2">
                        <li>
                            <div class="ico">1</div>
                            <div class="name">新乡</div>
                            <div class="num">13</div>
                        </li>
                        <li>
                            <div class="ico">2</div>
                            <div class="name">郑州</div>
                            <div class="num">7</div>
                        </li>
                        <li>
                            <div class="ico">3</div>
                            <div class="name">商丘</div>
                            <div class="num">6</div>
                        </li>
                        <li>
                            <div class="ico">4</div>
                            <div class="name">许昌</div>
                            <div class="num">5</div>
                        </li>
                        <li>
                            <div class="ico">5</div>
                            <div class="name">长治</div>
                            <div class="num">4</div>
                        </li>
                        <li>
                            <div class="ico">6</div>
                            <div class="name">安阳</div>
                            <div class="num">3</div>
                        </li>
                        <li>
                            <div class="ico">7</div>
                            <div class="name">焦作</div>
                            <div class="num">3</div>
                        </li>
                        <li>
                            <div class="ico">8</div>
                            <div class="name">开封</div>
                            <div class="num">3</div>
                        </li>
                        <li>
                            <div class="ico">9</div>
                            <div class="name">平顶山</div>
                            <div class="num">2</div>
                        </li>
                        <li>
                            <div class="ico">10</div>
                            <div class="name">鹤壁</div>
                            <div class="num">2</div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <script src="lib/dyw.min.js"></script>
    <script src="lib/china.js"></script>
    <script src="lib/laydate/laydate.js"></script>
    <!-- <script src="js/youke_keyuadi.js"></script> -->


    <script>
        $(function () {

            var date1 = {
                elem: '#date1',
                format: 'yyyy-MM-dd',
                max: 0,
                min: "2019-09-15 00:00:00",
                choose: function (datas) {
                    ticend.min = datas; //开始日选好后，重置结束日的最小日期
                }
            };

            laydate.render(date1)
            var allData = {
                "citys": [{
                    "name": "延寿",
                    "value": [128.331644, 45.451897, 2],
                    "symbolSize": 20,
                    "itemStyle": {
                        "normal": {
                            "color": "#F58158"
                        }
                    }
                }, {
                    "name": "阳泉",
                    "value": [113.580519, 37.856972, 1],
                    "symbolSize": 2,
                    "itemStyle": {
                        "normal": {
                            "color": "#F58158"
                        }
                    }
                }, {
                    "name": "勃利",
                    "value": [130.592171, 45.755063, 1],
                    "symbolSize": 2,
                    "itemStyle": {
                        "normal": {
                            "color": "#F58158"
                        }
                    }
                }, {
                    "name": "长春",
                    "value": [125.323544, 43.817072, 8],
                    "symbolSize": 2,
                    "itemStyle": {
                        "normal": {
                            "color": "#F58158"
                        }
                    }
                }],
                "moveLines": [{
                    "fromName": "黑龙江",
                    "toName": "珠海",
                    "coords": [
                        [126.661669, 45.742347],
                        [113.576726, 22.270715]
                    ]
                }, {
                    "fromName": "河北",
                    "toName": "哈尔滨",
                    "coords": [
                        [114.475704, 38.584854],
                        [126.534967, 45.803775]
                    ]
                }, {
                    "fromName": "黑龙江",
                    "toName": "江苏",
                    "coords": [
                        [126.661669, 45.742347],
                        [118.763232, 32.061707]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "和平",
                    "coords": [
                        [126.549572, 43.837883],
                        [117.21451, 39.116949]
                    ]
                }, {
                    "fromName": "江苏",
                    "toName": "鸡东",
                    "coords": [
                        [118.763232, 32.061707],
                        [131.12408, 45.260412]
                    ]
                }, {
                    "fromName": "辽宁",
                    "toName": "辉南",
                    "coords": [
                        [123.42944, 41.835441],
                        [126.046912, 42.684993]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "深圳",
                    "coords": [
                        [126.549572, 43.837883],
                        [114.057868, 22.543099]
                    ]
                }, {
                    "fromName": "福建",
                    "toName": "泰顺",
                    "coords": [
                        [119.295144, 26.10078],
                        [119.717649, 27.556884]
                    ]
                }, {
                    "fromName": "上海",
                    "toName": "深圳",
                    "coords": [
                        [121.473701, 31.230416],
                        [114.057868, 22.543099]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "秦皇岛",
                    "coords": [
                        [126.549572, 43.837883],
                        [119.600493, 39.935385]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "徐汇",
                    "coords": [
                        [126.549572, 43.837883],
                        [121.436525, 31.188523]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "石景山",
                    "coords": [
                        [126.549572, 43.837883],
                        [116.222982, 39.906611]
                    ]
                }, {
                    "fromName": "辽宁",
                    "toName": "城阳",
                    "coords": [
                        [123.42944, 41.835441],
                        [120.39631, 36.307064]
                    ]
                }, {
                    "fromName": "黑龙江",
                    "toName": "威海",
                    "coords": [
                        [126.661669, 45.742347],
                        [122.12042, 37.513068]
                    ]
                }, {
                    "fromName": "黑龙江",
                    "toName": "惠州",
                    "coords": [
                        [126.661669, 45.742347],
                        [114.416196, 23.111847]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "龙口",
                    "coords": [
                        [126.549572, 43.837883],
                        [120.477813, 37.646108]
                    ]
                }, {
                    "fromName": "黑龙江",
                    "toName": "四平",
                    "coords": [
                        [126.661669, 45.742347],
                        [124.350398, 43.16642]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "南充",
                    "coords": [
                        [126.549572, 43.837883],
                        [106.110698, 30.837793]
                    ]
                }, {
                    "fromName": "河北",
                    "toName": "东港",
                    "coords": [
                        [114.475704, 38.584854],
                        [124.152705, 39.863008]
                    ]
                }, {
                    "fromName": "辽宁",
                    "toName": "西安",
                    "coords": [
                        [123.42944, 41.835441],
                        [108.940175, 34.341568]
                    ]
                }, {
                    "fromName": "内蒙古",
                    "toName": "滨海",
                    "coords": [
                        [111.765618, 40.817498],
                        [119.820831, 33.990334]
                    ]
                }, {
                    "fromName": "河南",
                    "toName": "青岛",
                    "coords": [
                        [113.274379, 34.445122],
                        [120.38264, 36.067082]
                    ]
                }, {
                    "fromName": "黑龙江",
                    "toName": "昆山",
                    "coords": [
                        [126.661669, 45.742347],
                        [120.980737, 31.385598]
                    ]
                }, {
                    "fromName": "辽宁",
                    "toName": "长沙",
                    "coords": [
                        [123.42944, 41.835441],
                        [112.938814, 28.228209]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "哈尔滨",
                    "coords": [
                        [126.549572, 43.837883],
                        [126.534967, 45.803775]
                    ]
                }, {
                    "fromName": "河北",
                    "toName": "尚志",
                    "coords": [
                        [114.475704, 38.584854],
                        [128.009895, 45.209586]
                    ]
                }, {
                    "fromName": "辽宁",
                    "toName": "东城",
                    "coords": [
                        [123.42944, 41.835441],
                        [116.416357, 39.928353]
                    ]
                }, {
                    "fromName": "辽宁",
                    "toName": "珠海",
                    "coords": [
                        [123.42944, 41.835441],
                        [113.576726, 22.270715]
                    ]
                }, {
                    "fromName": "黑龙江",
                    "toName": "铁岭",
                    "coords": [
                        [126.661669, 45.742347],
                        [123.726166, 42.223769]
                    ]
                }, {
                    "fromName": "黑龙江",
                    "toName": "蓬莱",
                    "coords": [
                        [126.661669, 45.742347],
                        [120.758848, 37.810661]
                    ]
                }, {
                    "fromName": "北京",
                    "toName": "天津",
                    "coords": [
                        [116.407526, 39.90403],
                        [117.200983, 39.084158]
                    ]
                }, {
                    "fromName": "内蒙古",
                    "toName": "天津",
                    "coords": [
                        [111.765618, 40.817498],
                        [117.200983, 39.084158]
                    ]
                }, {
                    "fromName": "河北",
                    "toName": "齐齐哈尔",
                    "coords": [
                        [114.475704, 38.584854],
                        [126.661669, 45.742347]
                    ]
                }, {
                    "fromName": "吉林",
                    "toName": "中山",
                    "coords": [
                        [126.549572, 43.837883],
                        [113.392782, 22.517646]
                    ]
                }, {
                    "fromName": "黑龙江",
                    "toName": "胶州",
                    "coords": [
                        [126.661669, 45.742347],
                        [120.033382, 36.26468]
                    ]
                }]
            };

            function mapOptionCalc() {
                option_china = {
                    tooltip: {
                        show: true,
                        "formatter": function (params) {
                            var obj = JSON.parse(JSON.stringify(params));
                            var str = obj.name + ":" + obj.data.value[2];
                            return str;
                        }
                    },
                    geo: {
                        map: 'china',
                        label: {
                            emphasis: {
                                show: false
                            }
                        },
                        roam: false,
                        itemStyle: {
                            normal: {
                                areaColor: 'rgba(0,0,0,0.7)',
                                borderColor: '#fff'
                            },
                            emphasis: {
                                areaColor: 'rgba(0,0,0,0.7)'
                            }
                        }
                    },
                    series: [{
                        name: '地点',
                        type: 'effectScatter',
                        coordinateSystem: 'geo',
                        zlevel: 2,
                        rippleEffect: {
                            brushType: 'stroke'
                        },

                        symbolSize: 2,
                        showEffectOn: 'render',
                        itemStyle: {
                            normal: {
                                color: '#46bee9'
                            }
                        },
                        data: allData.citys
                    }, {
                        name: '线路',
                        type: 'lines',
                        coordinateSystem: 'geo',
                        zlevel: 2,
                        large: true,
                        effect: {
                            show: true,
                            constantSpeed: 80,
                            symbol: 'spot',
                            symbolSize: 4,
                            trailLength: 0,
                        },
                        lineStyle: {
                            normal: {
                                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: '#58B3CC'
                                }, {
                                    offset: 1,
                                    color: '#F58158'
                                }], false),
                                width: 2,
                                opacity: 0.5,
                                curveness: 0.1
                            }
                        },
                        data: allData.moveLines
                    }]
                };
            }
            mapOptionCalc();
            var chinaDiv = echarts.init(document.getElementById('chinaDiv'));
            chinaDiv.setOption(option_china);
        })
    </script>

</body>

</html>